<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./model.css">
</head>

<body>
  <link rel='stylesheet' href='https://unpkg.com/element-plus/lib/theme-chalk/index.css'>
  <link rel='stylesheet' href='https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css' />
  <div id='root'>

  </div>
  <script src='https://cdn.bootcdn.net/ajax/libs/vue/3.0.2/vue.global.prod.js'></script>
  <script src='https://cdn.bootcdn.net/ajax/libs/vue-router/4.0.0-rc.1/vue-router.global.prod.min.js'></script>
  <script src='https://cdn.bootcdn.net/ajax/libs/vuex/4.0.0-rc.1/vuex.global.prod.min.js'></script>
  <script src='https://unpkg.com/element-plus/lib/index.full.js'></script>
  <script src='https://cdn.bootcss.com/lodash.js/4.17.10/lodash.min.js'></script>
  <script type="module">
    const { createApp } = Vue
    import notice from "./modal.js"
    const App = {
      data() {
        return {
          str: 'hello world'
        }
      }
    }
    notice({
      title: '提示',
      message: 'nihaoya,this is a test notice',
      duration: 500
    })


    const app = Vue.createApp(App);
    app.use(ElementPlus);
    app.mount('#root');
  </script>
</body>

</html>